<template>
  <div>
      <ul>
          <li><router-link to="/contacts/allcontacts">All contacts</router-link></li>
          <li><router-link to="/contacts/alice">Alice</router-link></li>
          <li><router-link to="/contacts/bob">Bob</router-link></li>
      </ul>
      <button @click="change">随机显示</button>
      <router-view></router-view>
  </div>
</template>

<script>
export default {
    methods: {
        change() {
            // let path = ['/contacts/allcontacts','/contacts/alice','/contacts/bob']
            let path = ['Allcontacts','Alice','Bob']
            let index = parseInt(Math.random() * 3) 
            console.log(path[index]);
            this.$router.push({
                // 这里用 name 上面定义 path 变量就写 定义的 name
                // 用 path 就上面定义 path 变量就写 路由规则里 path 的路径但要记得加上 一级组件的路径
                // path: path[index]
                name:path[index]
            })
        }
    }
}
</script>

<style>

</style>